﻿<!DOCTYPE HTML>
<html>
	<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>{dede:global.cfg_webname/}</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="description" content="{dede:global.cfg_description/}" />
	<meta name="keywords" content="{dede:global.cfg_keywords/}" />
	
  	<!-- Facebook and Twitter integration -->
	<meta property="og:title" content=""/>
	<meta property="og:image" content=""/>
	<meta property="og:url" content=""/>
	<meta property="og:site_name" content=""/>
	<meta property="og:description" content=""/>
	<meta name="twitter:title" content="" />
	<meta name="twitter:image" content="" />
	<meta name="twitter:url" content="" />
	<meta name="twitter:card" content="" />

	
	<!-- Animate.css -->
	<link rel="stylesheet" href="{dede:global.cfg_templets_skin/}/style/animate.css">
	<!-- Bootstrap  -->
	<link rel="stylesheet" href="{dede:global.cfg_templets_skin/}/style/bootstrap.css">

    <link rel="stylesheet" href="{dede:global.cfg_templets_skin/}/style/swiper.min.css">
	<!-- Theme style  -->
	<link rel="stylesheet" href="{dede:global.cfg_templets_skin/}/style/style.css">

	<!-- <script type="text/javascript" src="{dede:global.cfg_templets_skin/}/style/youziku.api.min.js"></script> -->
	<!-- <script type="text/javascript">
	   $youziku.load(".fh5co-nav ul li a,#fh5co-footer .fh5co-footer-links li a,.menu-3 li a,#fh5co-hero .slides-text h3,#fh5co-hero .slides-text h4", "d25ec39f060f47bf8f0c51e90f31a1c9", "Source-Han-Normal");
	   $youziku.load("#fh5co-hero .slides-text h2", "400eae8ac3fe499c9916b4a45f8420e7", "SiYuan-ExtraLight");
	   $youziku.draw();
	</script> -->
	</head>
	<body>
		
	<div class="fh5co-loader"></div>
	<div id="fixed-menu">
		<div style="width:100%;max-width: 1520px;height:100%;margin:0 auto; position: relative;">
			<div class="fixed-logo">
				<h2><a href="{dede:global.cfg_indexurl/}"><img src="{dede:global.cfg_templets_skin/}/images/logo.png" width="100%"></a></h2>
			</div>
			<div class="menu-3">
				<ul>
					<li><a href="{dede:global.cfg_indexurl/}" class="active">{dede:global.cfg_indexname/}</a></li>

					{dede:channel type='top' row='5' currentstyle="<li><a class='active' href='~typelink~' ~rel~><span>~typename~</span></a></li>"}
						<li><a href='[field:typeurl/]' [field:rel/]><span>[field:typename/]</span></a></li>
					{/dede:channel}
				</ul>
			</div>
		</div>
	</div>
	
	<div id="page">
	<nav class="fh5co-nav" role="navigation">
		<div class="container-fluid">
			<div class="row">
				<div class="top-menu">
					<div class="container">
						<div class="row">
							<div class="col-xs-12 text-center menu-2">
								<div id="fh5co-logo">
									<h1>
										<a href="{dede:global.cfg_indexurl/}">
											<img src="{dede:global.cfg_templets_skin/}/images/logo.png" width="60%">
										</a>
									</h1>
								</div>
							</div>
						</div>
						<div class="row">
							<div class="col-sm-12 text-center menu-1">
								<ul>
									<li><a href="{dede:global.cfg_indexurl/}" class="active">{dede:global.cfg_indexname/}</a></li>

									{dede:channel type='top' row='5' currentstyle="<li><a class='active' href='~typelink~' ~rel~><span>~typename~</span></a></li>"}
										<li><a href='[field:typeurl/]' [field:rel/]><span>[field:typename/]</span></a></li>
									{/dede:channel}
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
			
		</div>
	</nav>

	<div id="fh5co-banner" class="mt">
		<img class="p_banner" src="{dede:global.cfg_templets_skin/}/images/index/slider-top.jpg" width="100%">
		<img class="m_banner" src="{dede:global.cfg_templets_skin/}/images/index/m_slider-top.jpg" width="100%">
	</div>

	<section id="fh5co-hero">
		<div class="container">
			<div class="row">
				<div class="col-md-12">
					<div id="work-swiper" class="flex-work swiper-container">
						<ul class="swiper-wrapper slides">
					   	<li class="swiper-slide">
						   	<a href="{dede:global.cfg_basehost/}/anli#pinpai" class="text-left">
								<div class="product slider-left">
									<div class="slides-text slides-text-ml">
										<h2></h2>
										<h3>我一直在做一件事<br>
											认真踏实为您缔造品牌
										</h3>
									</div>
								</div>
								<div class="product slider-right" style="background-image: url({dede:global.cfg_templets_skin/}/images/index/no1.jpg);"></div>
							</a>
					   	</li>
					   	<li class="swiper-slide">
						   	<a href="{dede:global.cfg_basehost/}/anli#nongye" class="text-left">
								<div class="product slider-left">
									<div class="slides-text slides-text-ml">
										<h2> </h2>
										<h3>
											企业全案的制造者<br>
											宗旨    目标    愿景    规划
										</h3>
									</div>
								</div>
								<div class="product slider-right" style="background-image: url({dede:global.cfg_templets_skin/}/images/index/no2.jpg);"></div>
							</a>
					   	</li>
					   	<li class="swiper-slide">
						   	<a href="{dede:global.cfg_basehost/}/anli#canying" class="text-left">
								<div class="product slider-left">
									<div class="slides-text slides-text-ml">
										<h2> </h2>
										<h3>
											做品牌该做的事<br>
											创意    创造    保护
										</h3>
									</div>
								</div>
								<div class="product slider-right" style="background-image: url({dede:global.cfg_templets_skin/}/images/index/no3.jpg);"></div>
							</a>
					   	</li>
					   	<li class="swiper-slide">
						   	<a href="{dede:global.cfg_basehost/}/anli#hua" class="text-left">
								<div class="product slider-left">
									<div class="slides-text slides-text-ml">
										<h2> </h2>
										<h3>
											一条龙的专业服务<br>
											设计    传播    制作    落地执行
										</h3>
									</div>
								</div>
								<div class="product slider-right" style="background-image: url({dede:global.cfg_templets_skin/}/images/index/no4.jpg);"></div>
							</a>
					   	</li>
					    </ul>
				        <div id="work-pag" class="swiper-pagination"></div>
				  	</div>
				</div>
			</div>
			<div class="row">
				<div class="col-md-12">
					<div id="news-swiper" class="flex-news swiper-container">
						<ul class="swiper-wrapper slides">
					   	<li class="swiper-slide">
						   	<a href="##" class="text-right">
								<div class="product slider-left" style="background-image: url({dede:global.cfg_templets_skin/}/images/index/brand_1.jpg);"></div>
								<div class="slider-block_1"></div>
								<div class="slider-block_2" style="background-image: url({dede:global.cfg_templets_skin/}/images/news_text_1.png);"></div>
								<div class="product slider-right">
									<div class="slides-text slides-text-mr">
										<h2>熙典主张</h2>
										<h4>
											品牌要有高度<br>
											品牌文化高度决定品牌力
										</h4>
									</div>
								</div>
							</a>
					   	</li>
					   	<li class="swiper-slide">
						   	<a href="##" class="text-right">
								<div class="product slider-left" style="background-image: url({dede:global.cfg_templets_skin/}/images/index/brand_2.jpg);"></div>
								<div class="slider-block_1"></div>
								<div class="slider-block_2" style="background-image: url({dede:global.cfg_templets_skin/}/images/news_text_2.png);"></div>
								<div class="product slider-right">
									<div class="slides-text slides-text-mr">
										<h2>熙典观点</h2>
										<h4>
											品牌=产品和消费者<br>
											关系的总和
										</h4>
									</div>
								</div>
							</a>
					   	</li>
					  	</ul>
				        <div id="news-pag" class="swiper-pagination"></div>
				  	</div>
				</div>
			</div>
			<div class="row">
				<div class="col-md-12">
					<div class="product flex-join">
						<a href="{dede:global.cfg_basehost/}/contact" class="featured">
							<div class="slides-text slides-text-ml">
								<h2>Contact Us</h2>
								<h3>联系熙典</h3>
							</div>
						</a>
					</div>
					<div class="product flex-life">
						<a href="{dede:global.cfg_basehost/}/about" class="featured text-right life-right">
							<div class="slides-text slides-text-mr">
								<h2>About Us</h2>
								<h3>关于熙典</h3>
							</div>
						</a>
					</div>
				</div>
			</div>
		</div>
	</section>

	<!-- footer -->
	{dede:include filename="footer.htm"/}
	
	<script src="{dede:global.cfg_templets_skin/}/style/swiper.jquery.min.js"></script>
	<script type="text/javascript">

			var workSwiper = new Swiper('#work-swiper', {
				loop:true,
		        pagination: '#work-pag',
		        paginationClickable: true,
		        speed: 800,
		        autoplay : 8000,
		        autoplayDisableOnInteraction : false,
		    });
			var newsSwiper = new Swiper('#news-swiper', {
				loop:true,
				effect: 'fade',
		        pagination: '#news-pag',
		        paginationClickable: true,
		        autoplay : 10000,
		        autoplayDisableOnInteraction : false,
		    });

	</script>
	</body>
</html>

